
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>山东大学(威海)贴吧自研论坛</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<link href="../css/style.css" rel="stylesheet" type="text/css" />
	<link href="https://www.maksdu.com/static/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script src="https://www.maksdu.com/static/component/header.js"></script>
</head>
<body>
<div id="main">
	<section class="aui-flexView" >
		<vheader :header-data="headerData"></vheader>
		<section class="aui-scrollView">
			<div class="aui-flex b-line" style="padding-top: 10px;padding-bottom: 10px;width: 92%;margin: 0px auto;" v-if="posterContextType=='simple'">
				<div class="aui-flex-box">
					<!-- <span>回复：<i>{{ mainBody.replyNumber}}</i></span>&nbsp;&nbsp;<span> 阅读： <i>{{ mainBody.readNumber}}</i></span> -->
					<h2 v-html="posterInfo.title"></h2>
				</div>
				<div class="aui-arrow">
					<span>操作</span>
				</div>			
			</div>
			<div class="aui-flex" style="width: 82%;margin: 20px auto;" v-else-if="posterContextType=='vote'">
				<div class="aui-flex-box">
					<!-- <span>回复：<i>{{ mainBody.replyNumber}}</i></span>&nbsp;&nbsp;<span> 阅读： <i>{{ mainBody.readNumber}}</i></span> -->
					<h1 v-html="posterInfo.title"></h2>
					<div class="desp">{{ posterContext.desp }}<span style="color:blue">[单选]</span></div>
				</div>		
			</div>
			
			<div class="aui-list-header" style="width: 92%;margin: 0 auto;" v-if="posterUser != null && posterContextType=='simple'">
				<div class="aui-user-msg" >
					<div class="aui-user-avator"><img :src="posterUser.avator"/></div>
					<div class="aui-user-text">
						<div class="aui-user-nickName" v-text="posterUser.author"></div>
						<div class="aui-user-date" v-text="dateFormatter(posterInfo.createTime)"></div>
					</div>
				</div>
			</div>
			
			<div class="aui-platform-list aui-context">
				<div class="mainBody" v-if="posterContextType=='simple'" v-html="posterContext"></div>
				<div class="mainVote" v-else-if="posterContextType=='vote'">
					<ul>
						<li v-for="(item, index) in posterContext.voteItem" class="vote-item">
							<span class="vote-item-text" @click="vote(index,$event)">{{ item.voteItemDesp }}&nbsp;<i class="fa fa-check fa-fw active-fa hidden"></i></span>
							<span class="vote-item-number" v-text="getVote(index) +' 票'"></span>
							<span class="vote-item-percent" v-text="getVotePercent(index)"></span>
						</li>
					</ul>
					<div class="endTime"><span v-text="'投票截止:  '+dateFormat(posterContext.endTime)"></span></div>
					<div id="voteBtn" @click="voteSubmit" class="voteButton hide" v-text="submitext"></div>
				</div>
				<div class="mainBottom"  v-if="posterCounter != null && posterContextType=='simple'">
					<ul>
						<!-- <li><i class="fa fa-share-square-o fa-fw"></i>&nbsp;<b></b></li> -->
						
						<li><i class="fa fa-thumbs-o-up fa-fw"></i>&nbsp;<b v-text="posterCounter.goodnum"></b></li>
						<li><i class="fa fa-thumbs-o-down fa-fw"></i>&nbsp;<b v-text="0"></b></li>
						<li><i class="fa fa-commenting fa-fw"></i>&nbsp;<b v-text="posterCounter.replynum"></b></li>
						<li><i class="fa fa-eye fa-fw"></i>&nbsp;<b v-text="posterCounter.readnum"></b></li>
					</ul>
				</div>

			</div>
			<!-- <div v-if="type=='default'">
				<div style="height:auto !important; width: 92%;margin: 0 auto; padding-bottom: 50px;">
					<div class="aui-platform-list aui-reply" v-if="replys != null && replys.length > 0">
						<div v-for="(item,index) in replys" >
							<div style="padding:15px 0px;">
								<div class="reply_user">
									<div class="reply_user_avator"><img style="border-radius: 50%; padding: 3px; border: 1px solid #f6f6f6; width: 39px; height: 39px" :src="item.avator"></div>
								</div>
								<div class="reply_body">
									<div class="reply_nickName">{{item.nickName}}
										<div class="reply_ico"><span>第 {{ index+1 }} 楼</span>&nbsp; | &nbsp;<span v-text="dateFormatter(item.createTime)"> </span></div>
									</div>							
									<div class="reply_data" v-html="item.extraMap.context.context"></div>
								</div>
							</div>
							<div class="divHeight"></div>
						</div>
					</div>
				</div>
			</div> -->
		</section>
		<footer class="aui-footer aui-footer-fixed" v-if="posterContextType=='simple'">
			<div class="aui-flex-box textarea" contenteditable="true" style="display: block; width: 80%;" @blur="blurFun($event,'content')">
				{{ content }}
			</div>
			<div>
				<div class="circle-btn circle-btn-blue circle-btn-small" @click="send()">
					回复
				</div>
			</div>
		</footer>
		<footer class="aui-footer aui-footer-fixed">
			<div class="choice-item">
				<ul>
					<ol><a href="vote.html"><i class="fa fa-edit fa-fw"></i>&nbsp;新建</a></ol>
					<ol><a href="votelist.html" class="active-fa"><i class="fa fa-user fa-fw"></i>我的</a></ol>
				</ul>
			</div>
		</footer>
	</section>
</div>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="https://www.maksdu.com/static/js/base.js"></script>
<script type="text/javascript" src="js/view.js"></script>
</body>
</html>
